module.exports = {
    purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {
            colors: {
                blue: {
                    50: '#e6f7ff',
                    100: '#bae7ff',
                    200: '#91d5ff',
                    300: '#69c0ff',
                    400: '#40a9ff',
                    500: '#1890ff',
                    600: '#096dd9',
                    700: '#0050b3',
                    800: '#003a8c',
                    900: '#002766',
                    light: '#0062ff'
                },
                red: {
                    50: '#fff1f0',
                    100: '#ffccc7',
                    200: '#ffa39e',
                    300: '#ff7875',
                    400: '#ff4d4f',
                    500: '#f5222d',
                    600: '#cf1322',
                    700: '#a8071a',
                    800: '#820014',
                    900: '#5c0011',
                    dark: '#e50834'
                },
                yellow: {
                    50: '#feffe6',
                    100: '#ffffb8',
                    200: '#fffb8f',
                    300: '#fff566',
                    400: '#ffec3d',
                    500: '#fadb14',
                    600: '#d4b106',
                    700: '#ad8b00',
                    800: '#876800',
                    900: '#614700'
                },
                orange: {
                    50: '#fff7e6',
                    100: '#ffe7ba',
                    200: '#ffd591',
                    300: '#ffc069',
                    400: '#ffa940',
                    500: '#fa8c16',
                    600: '#d46b08',
                    700: '#ad4e00',
                    800: '#873800',
                    900: '#612500',
                    light: '#eaac3f'
                },
                green: {
                    50: '#f6ffed',
                    100: '#d9f7be',
                    200: '#b7eb8f',
                    300: '#95de64',
                    400: '#73d13d',
                    500: '#52c41a',
                    600: '#389e0d',
                    700: '#237804',
                    800: '#135200',
                    900: '#092b00',
                    light: '#61d291'
                },
                volcano: {
                    50: '#fff2e8',
                    100: '#ffd8bf',
                    200: '#ffbb96',
                    300: '#ff9c6e',
                    400: '#ff7a45',
                    500: '#fa541c',
                    600: '#d4380d',
                    700: '#ad2102',
                    800: '#871400',
                    900: '#610b00'
                },
                gold: {
                    50: '#fffbe6',
                    100: '#fff1b8',
                    200: '#ffe58f',
                    300: '#ffd666',
                    400: '#ffc53d',
                    500: '#faad14',
                    600: '#d48806',
                    700: '#ad6800',
                    800: '#874d00',
                    900: '#613400'
                },
                lime: {
                    50: '#fcffe6',
                    100: '#f4ffb8',
                    200: '#eaff8f',
                    300: '#d3f261',
                    400: '#bae637',
                    500: '#a0d911',
                    600: '#7cb305',
                    700: '#5b8c00',
                    800: '#3f6600',
                    900: '#254000'
                },
                cyan: {
                    50: '#e6fffb',
                    100: '#b5f5ec',
                    200: '#87e8de',
                    300: '#5cdbd3',
                    400: '#36cfc9',
                    500: '#13c2c2',
                    600: '#08979c',
                    700: '#006d75',
                    800: '#00474f',
                    900: '#002329'
                },
                purple: {
                    50: '#f9f0ff',
                    100: '#efdbff',
                    200: '#d3adf7',
                    300: '#b37feb',
                    400: '#9254de',
                    500: '#722ed1',
                    600: '#531dab',
                    700: '#391085',
                    800: '#22075e',
                    900: '#120338'
                },
                magenta: {
                    50: '#fff0f6',
                    100: '#ffd6e7',
                    200: '#ffadd2',
                    300: '#ff85c0',
                    400: '#f759ab',
                    500: '#eb2f96',
                    600: '#c41d7f',
                    700: '#9e1068',
                    800: '#780650',
                    900: '#520339'
                },
                gray: {
                    50: '#ffffff',
                    100: '#fafafa',
                    200: '#f5f5f5',
                    300: '#f0f0f0',
                    400: '#d9d9d9',
                    500: '#bfbfbf',
                    600: '#8c8c8c',
                    700: '#595959',
                    800: '#434343',
                    900: '#262626',
                    light: '#44444f',
                    default: '#9090a0',
                    dark: '#171725'
                }
            }
        }
    },
    variants: {
        extend: {}
    },
    plugins: []
}

